<%@ page title="" language="C#" masterpagefile="~/RealtimeSite.master" autoeventwireup="true" inherits="ChangeShift, App_Web_irvafolg" %>
     <%@ Register Assembly="Heidarpour.WebControlUI" Namespace="Heidarpour.WebControlUI"
    TagPrefix="rhp" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="AjaxControlToolkit" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="Server">
    <link href="css/font-awesome.css" rel="stylesheet" type="text/css" />
    <link href="css/googleapis.css" rel="stylesheet" type="text/css" />
  <script>
      $('.scroll12').click(function () {
          var clickedId = $(this).attr('a');
          $('html, body').animate({ scrollTop: ($(clickedId).offset().top) }, 1000);
          return false;
      });
     </script>
    <style type="text/css">
        

      .card [class*=card-header-]:not(.card-header-icon):not(.card-header-text):not(.card-header-image) {
    border-radius: 3px;
      margin-top: -37px;
    padding: 7px !important;
}
.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: .05rem 0rem;
    /* margin-bottom: 1rem; */
    list-style: none;
    background-color: #fff !important;
    border-radius: .25rem;
    color: #E15C11;
    font-size: 18px;
    font-weight: 500;
}
.grid-lable
{
     height:150px !important;; 
     overflow-y:scroll; 
     border:1px solid #ddd;
     margin-left:-10px; 
     margin-right:-10px;
     padding:6px;
     
   
}
.form-check, label {
    font-size: 15px !important;
    line-height: 1.32857 !important;
    color: #333 !important;
    font-weight: 200 !important;
    padding-left: 7px !important;
    padding-top: -3px !important;
    position: relative !important;
    top: -3px !important;
}
.grid-lable span
{
    font-size: 15px !important;
    line-height: 1.32857 !important;
    color: #333 !important;
    font-weight: 200 !important;
    padding-left: 7px !important;
    padding-top: -3px !important;
    position: relative !important;
    top: -3px !important;
}
.grid-lable lable
{
    display: inline-block;
    margin-bottom: 0rem !important;
}
label {
    display: inline-block;
    margin-bottom: 0rem !important;
}
#inputSearch
{
        height: 21px;
    margin-top: 5px;
    margin-bottom: 8px;
    width: 100%;
}
#MainContent_lblFromDate
{
    font-size:13px;
    font-weight:bold;  
}
#MainContent_lblToDate
{
     font-size:13px;
    font-weight:bold;   
}
#MainContent_Label1
{
     font-size:13px;
    font-weight:bold;
}
#MainContent_lblSelectionBy
{
    font-size: 15px;
    font-weight: 600;
}
#MainContent_lblSelectReport
{
    font-size: 15px;
    font-weight: 600;
}
#MainContent_lblSelectDate
{
    font-size: 15px;
    font-weight: 600;
}

/*tab*/

.shift-nav > .nav.nav-tabs{

  border: none;
    color:#fff;
    background:#d6e9c6;
    border-radius:0;

}
.shift-nav > div a.nav-item.nav-link;
.shift-nav > div a.nav-item.nav-link:.active
{
  border: none;
    padding: 10px 25px;
    color:#fff;
    background:#fff;
    border-radius:0;
    font-size:18px !important;

}
.shift-nav > div a.nav-item.nav-link
{
    font-size:16px;
    color:#000;
    font-weight: 600;
    font-family: sans-serif;
}
.shift-nav > div a.nav-item.nav-link.active
{
     border: none;
    padding: 10px 25px;
    background:red;
    border-radius:0;
      font-weight: 600;
    font-size: 16px !important;
    font-family: sans-serif;
}
.shift-nav > div a.nav-item.nav-link.active:after
 {

/* position: relative;
  bottom: -60px;
  left: -10%;
  border: 15px solid transparent;
  border-top-color: red !important;
   background:#272e38;*/
}
.tab-content{
  background: #fdfdfd;
    line-height: 25px;
    border: 1px solid #ddd;
    border-top:5px solid #e74c3c;
    border-bottom:5px solid #e74c3c;
    padding:30px 25px;
}



.shift-nav > div a.nav-item.nav-link:hover,
.shift-nav > div a.nav-item.nav-link:focus
{
  border: none;
    background: #e74c3c;
    color:#fff;
    border-radius:0;
    transition:background 0.20s linear;
}
.container .siftchange-1
{
    margin-left:0px !important;
    margin-right:45px !important;
}
.table tr th
{
    white-space:pre !important;
    padding:4px 8px !important;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 4px 8px !important;
    vertical-align: middle;
    border-color: #ddd;
    white-space: nowrap;
}
 .tab-content1 
{
    padding-top:2px !important;
    padding-bottom:15px !important;
    
}
    </style>
  
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="Server">
    <script language="javascript" type="text/javascript">
        function ConfirmDelete() {
            return confirm("Do you want to delete all these records?")
        }
     
    </script>

    
            <div class="main-panel">
        <div class="content">
        <div class="container" id="changeshift" runat="server">
    <div class="row dash-pane2">
    <div class="card">
                <div class="card-header card-header-warning">
                  <h4 class="card-title"> <i class="fa fa-edit fa-fw"></i>
                        <asp:Label ID="lblChangeShift" runat="server" Text="Change  Shift"></asp:Label></h4>
                </div>
                <div class="card-body table-responsive">

                  <div class="row breadcrumb" style="margin-top:0px;">
                  <b><asp:Label ID="lblSelectionBy" runat="server" Text="Selection By"></asp:Label></b>
                  </div>
                  <div class="row" style="margin-left:0px; margin-right:0px; margin-top:-30px;">
                   <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                        <ContentTemplate>
                        </div>
                           <div class="row" style="margin-left:-5px; margin-right:0px; margin-top:15px; width:100%">
                           <ul class="list-inline" style="width:100%; display:contents">
                           <li style="width:17.5%; margin-left:15px;">
                           <div class="grid-lable2" style="margin-left:-11px; margin-bottom:5px;">
                                     <asp:RadioButton ID="SelectAllCommany" runat="server" Checked="True" GroupName="Cmpny"
                                        Text="" AutoPostBack="True" OnCheckedChanged="SelectAllCommany_CheckedChanged" /><asp:Label
                                            ID="lblAllCompany" runat="server" Text="All Company"></asp:Label><br />
                                    <asp:RadioButton ID="FewCompany" runat="server" GroupName="Cmpny" Text="" OnCheckedChanged="FewCompany_CheckedChanged" /><asp:Label
                                        ID="lblFewCompany" runat="server" Text="Few Company"></asp:Label><br />
                                    <asp:CheckBox ID="CheckBox1" runat="server" AutoPostBack="True" OnCheckedChanged="CheckBox1_CheckedChanged"
                                        Text="" /><asp:Label ID="lblselectionSelectAllDeSelectAll" runat="server" Text="SelectAll/De-Select All"></asp:Label>                          
                           </div>
                                 <div class="grid-lable" style="height:180px !important;">

                                    <asp:CheckBoxList ID="chkcompanylist" runat="server" AutoPostBack="True" Font-Size="12px"
                                        OnSelectedIndexChanged="chkcompanylist_SelectedIndexChanged">
                                    </asp:CheckBoxList>
                                </div>                           
                           </li>
                           <li style="width:17.5%; margin-left:27px;">
                           <div class="grid-lable2" style="margin-left:-11px; margin-bottom:5px;">
                                    <asp:RadioButton ID="Allshift" runat="server" GroupName="shift1" Text="" Checked="True"
                                        AutoPostBack="True" OnCheckedChanged="Allshift_CheckedChanged" /><asp:Label ID="lblAllBranch"
                                            runat="server" Text="All  Branch"></asp:Label><br />
                                    <asp:RadioButton ID="Allshift1" runat="server" GroupName="shift1" Text="" AutoPostBack="True"
                                        OnCheckedChanged="Allshift1_CheckedChanged" /><asp:Label ID="lblFewBranch" runat="server"
                                            Text="Few Branch"></asp:Label><br />
                                    <asp:CheckBox ID="CheckBox2" runat="server" AutoPostBack="True" OnCheckedChanged="CheckBox2_CheckedChanged"
                                        Text="" /><asp:Label ID="lblshiftSelectAllDeSelectAll" runat="server" Text="SelectAll/De-Select All"></asp:Label>                           
                           </div>
                                  <div class="grid-lable" style="height:180px !important;">

                                    <asp:CheckBoxList ID="Chkshiftlist" runat="server" AutoPostBack="True" Font-Size="12px"
                                        OnSelectedIndexChanged="Chkshiftlist_SelectedIndexChanged">
                                    </asp:CheckBoxList>
                                    </div>                          
                           </li>
                           <li style="width:17.5%; margin-left:27px;">
                           <div class="grid-lable2" style="margin-left:-11px; margin-bottom:5px;">
                                    <asp:RadioButton ID="AllDesignation" runat="server" Checked="True" GroupName="Dept"
                                        Text="" OnCheckedChanged="AllDesignation_CheckedChanged" /><asp:Label ID="lblAllDepartment"
                                            runat="server" Text="All Department"></asp:Label><br />
                                    <asp:RadioButton ID="optfewDesignation" runat="server" GroupName="Dept" Text="" OnCheckedChanged="optfewdept_CheckedChanged" /><asp:Label
                                        ID="lblFewDepartment" runat="server" Text="Few Department"></asp:Label><br />
                                    <asp:CheckBox ID="CheckBox3" runat="server" AutoPostBack="True" OnCheckedChanged="CheckBox3_CheckedChanged"
                                        Text="" /><asp:Label ID="lblDepartSelectAllDeSelectAll" runat="server" Text="SelectAll/De-Select All"></asp:Label>                           
                           </div>
                                 <div class="grid-lable" style="height:180px !important;">

                                    <asp:CheckBoxList ID="chkdepartmentlist" runat="server" AutoPostBack="True" Font-Size="12px"
                                        OnSelectedIndexChanged="chkdepartmentlist_SelectedIndexChanged">
                                    </asp:CheckBoxList>
                                </div>                           
                           </li>
                           <li style="width:17.5%; margin-left:27px;">
                           <div class="grid-lable2" style="margin-left:-11px; margin-bottom:5px;">
                                    <asp:RadioButton ID="RadioButton1" runat="server" Checked="True" GroupName="Desig"
                                        Text="" OnCheckedChanged="RadioButton1_CheckedChanged" /><asp:Label ID="lblAllDesignation"
                                            runat="server" Text="All  Designation"></asp:Label><br />
                                    <asp:RadioButton ID="optFewEmployee0" runat="server" AutoPostBack="True" GroupName="Desig"
                                        OnCheckedChanged="optAllemployee_CheckedChanged" Text="" /><asp:Label ID="lblFewDesignation"
                                            runat="server" Text="Few Designation"></asp:Label><br />
                                    <asp:CheckBox ID="CheckBox4" runat="server" AutoPostBack="True" OnCheckedChanged="CheckBox4_CheckedChanged"
                                        Text="" /><asp:Label ID="lblDesignationSelectAllDeSelectAll" runat="server" Text="SelectAll/De-Select All"></asp:Label>                           
                           </div>
                                 <div class="grid-lable" style="height:180px !important;">

                                    <asp:CheckBoxList ID="ChkDesignationList" runat="server" AutoPostBack="True" Font-Size="12px"
                                        OnSelectedIndexChanged="ChkDesignationList_SelectedIndexChanged">
                                    </asp:CheckBoxList>
                                </div>                           
                           </li>
                           <li style="width:17.5%; margin-left:31px;">
                           <div class="grid-lable2" style="margin-left:-11px; margin-bottom:5px;">
                                    <asp:RadioButton ID="optAllemployee" runat="server" AutoPostBack="True" Checked="True"
                                        GroupName="Emp" OnCheckedChanged="optAllemployee_CheckedChanged" Text="" ClientIDMode="Static"
                                        onclick="sharad();" /><asp:Label ID="lblAllemployee" runat="server" Text="All  employee"></asp:Label><br />
                                    <asp:RadioButton ID="optFewEmployee" runat="server" AutoPostBack="True" GroupName="Emp"
                                        Text="" OnCheckedChanged="optFewEmployee_CheckedChanged" ClientIDMode="Static"
                                        onclick="sharad();" /><asp:Label ID="lblFewEmployee" runat="server" Text="Few Employee"></asp:Label><br />
                                    <asp:CheckBox ID="CheckBox5" runat="server" AutoPostBack="True" OnCheckedChanged="CheckBox5_CheckedChanged"
                                        Text="" ClientIDMode="Static" onclick="sharad();" /><asp:Label ID="lblEmployeeSelectAllDeSelectAll"
                                            runat="server" Text="SelectAll/De-Select All"></asp:Label>
                                                             
                           </div>
                                 <div class="grid-lable" style="height:180px !important;">
                                  <asp:TextBox runat="server" ID="inputSearch" ClientIDMode="Static" Height="21px"
                                        placeholder="Search employee" CssClass="form-control" /> 
                                    <asp:CheckBoxList ID="chkemployeelist" runat="server" OnSelectedIndexChanged="chkemployeelist_SelectedIndexChanged"
                                        Font-Size="12px" ClientIDMode="Static">
                                    </asp:CheckBoxList>

                                    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

                                   <script type="text/javascript">
                                       $(document).ready(function () {
                                           $("#inputSearch").on("keyup", function () {
                                               var value = $(this).val().toLowerCase();
                                               $("#chkemployeelist tr").filter(function () {
                                                   $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
                                               });
                                           });
                                       });
                                        window.onload = function () {
                                            var tmr = false;
                                            var labels = document.getElementById('chkemployeelist').getElementsByTagName('label');
                                            var func = function () {
                                                if (tmr)
                                                    clearTimeout(tmr);
                                                tmr = setTimeout(function () {
                                                    var regx = new RegExp(document.getElementById('inputSearch').value);


                                                    for (var i = 0, size = labels.length; i < size; i++)
                                                        if (document.getElementById('inputSearch').value.length > 0) {
                                                            if (labels[i].textContent.match(regx)) setItemVisibility(i, true);
                                                            else setItemVisibility(i, false);
                                                        }
                                                        else
                                                            setItemVisibility(i, true);
                                                }, 500);

                                                function setItemVisibility(position, visible) {
                                                    if (visible) {
                                                        labels[position].style.display = '';
                                                        labels[position].previousSibling.style.display = '';
                                                        if (labels[position].nextSibling != null)
                                                            labels[position].nextSibling.style.display = '';
                                                    }
                                                    else {
                                                        labels[position].style.display = 'none';
                                                        labels[position].previousSibling.style.display = 'none';
                                                        if (labels[position].nextSibling != null)
                                                            labels[position].nextSibling.style.display = 'none';

                                                    }
                                                }
                                            }

                                            if (document.attachEvent) document.getElementById('inputSearch').attachEvent('onkeypress', func);  // IE compatibility
                                            else document.getElementById('inputSearch').addEventListener('keydown', func, false); // other browsers
                                        };


                                        function sharad() {
                                            var tmr = false;

                                            var labels = document.getElementById('chkemployeelist').getElementsByTagName('label');
                                            var func = function () {
                                                if (tmr)
                                                    clearTimeout(tmr);
                                                tmr = setTimeout(function () {
                                                    var regx = new RegExp(document.getElementById('inputSearch').value);


                                                    for (var i = 0, size = labels.length; i < size; i++)
                                                        if (document.getElementById('inputSearch').value.length > 0) {
                                                            if (labels[i].textContent.match(regx)) setItemVisibility(i, true);
                                                            else setItemVisibility(i, false);
                                                        }
                                                        else
                                                            setItemVisibility(i, true);
                                                }, 500);

                                                function setItemVisibility(position, visible) {
                                                    if (visible) {
                                                        labels[position].style.display = '';
                                                        labels[position].previousSibling.style.display = '';
                                                        if (labels[position].nextSibling != null)
                                                            labels[position].nextSibling.style.display = '';
                                                    }
                                                    else {
                                                        labels[position].style.display = 'none';
                                                        labels[position].previousSibling.style.display = 'none';
                                                        if (labels[position].nextSibling != null)
                                                            labels[position].nextSibling.style.display = 'none';

                                                    }
                                                }
                                            }

                                            if (document.attachEvent) document.getElementById('inputSearch').attachEvent('onkeypress', func);  // IE compatibility
                                            else document.getElementById('inputSearch').addEventListener('keydown', func, false); // other browsers
                                        }


                                    </script>
                                </div>                          
                           </li>
                           </ul>

                          
                        </ContentTemplate>
                    </asp:UpdatePanel>
                  </div>
                    <!------tab---------->
               <div class="row siftchange-1" style="margin-left:0px; margin-right:60px; margin-bottom:15px; margin-top:15px; width:100%">
                     <div class="col-xs-12 " style="width:100%">
                  <nav class="shift-nav">
                    <div class="nav nav-tabs nav-fill" id="nav-tab" role="tablist">
                      <a class="nav-item nav-link active tab-active"  id="nav-home-tab" data-toggle="tab" href="#nav-home" role="tab" aria-controls="nav-home" aria-selected="true">Change Shift by Roaster </a>
                      <a class="nav-item nav-link" id="nav-profile-tab" data-toggle="tab" href="#nav-profile" role="tab" aria-controls="nav-profile" aria-selected="false">Change Shift By Date Range</a>
                    </div>
                  </nav>
                  <div class="tab-content tab-content1" id="nav-tabContent">
                    <div class="tab-pane fade show active" id="nav-home" role="tabpanel" aria-labelledby="nav-home-tab">
                    <!------Roster change----->
                             <div class="row" style="text-align: left;">
                                <div class="row" style="width:100%;">
                                    <div class="col-lg-4">
                                        <%-- <b>From Date(select first date of the month) </b>--%>
                                        <span style="font-size:13px; font-weight:bold;">From Date(Select First Date of the Month)</span>
                                        <asp:TextBox ID="txtdate11" runat="server" class="form-control" OnTextChanged="txtdate_TextChanged1"
                                            TabIndex="1" />
                                        <cc1:CalendarExtender ID="CalendarExtender2" runat="server" TargetControlID="txtdate11" Format="dd/MM/yyyy" />
                                    </div>
                                    <div class="col-lg-4">
                                        <%--  <b>To Date</b>--%>
                                        <span style="font-size:13px; font-weight:bold;">To Date(date should be belongs from same month)</span><asp:TextBox ID="txttodate11"
                                            runat="server" class="form-control" TabIndex="2" />
                                        <cc1:CalendarExtender ID="CalendarExtender3" runat="server" Format="dd/MM/yyyy" TargetControlID="txttodate11" />
                                    </div>
                                    <div class="col-lg-4" style="margin-top:25px;">
                                        <asp:Button ID="cmdShowReport11" runat="server" Text="Load" OnClick="cmdShowReport11_Click"
                                            OnClientClick="return validate()" type="button" class="btn btn-success " TabIndex="2" />
                                    </div>
                                </div>
                                <div class="row" style="width:100%; margin-left:-15px; margin-right:0px">
                                    <ol class="breadcrumb" style="margin-top:0px; background:none !important; font-size:15px; font-weight:bold !important">
                                        <li>Shifts Details</li>
                                    </ol>
                                </div>
                                <div class="row user-scroll" style="height: 250px; overflow: scroll; width:105%; margin-left:0px; margin-right:0px; margin-top:-20px;"  >
                                    <asp:GridView ID="GridView1" runat="server" Width="100%" class="table table-bordered table-hover table-striped"
                                        AlternatingRowStyle-CssClass="alt" PagerStyle-CssClass="pgr" AutoGenerateColumns="false"
                                        OnRowCancelingEdit="GridView1_RowCancelingEdit" DataKeyNames="empid" OnRowCommand="GridView1_RowCommand"
                                        OnRowEditing="GridView1_RowEditing" OnRowUpdated="GridView1_RowUpdated" OnRowDataBound="GridView1_RowDataBound"
                                        OnRowUpdating="GridView1_RowUpdating" 
                                        onselectedindexchanged="GridView1_SelectedIndexChanged">
<AlternatingRowStyle CssClass="alt"></AlternatingRowStyle>
                                        <Columns>
                                            <asp:TemplateField>
                                                <ItemTemplate>
                                                    <asp:LinkButton ID="btnedit" runat="server" CommandName="Edit" Text="Edit"  />
                                                </ItemTemplate>
                                                <EditItemTemplate>
                                                    <asp:LinkButton ID="btnupdate" runat="server" CommandName="Update" Text="Update" ForeColor="green" />&nbsp;&nbsp;/&nbsp;&nbsp;
                                                    <asp:LinkButton ID="btncancel" runat="server" CommandName="Cancel" Text="Cancel" ForeColor="red" />
                                                </EditItemTemplate>
                                            </asp:TemplateField>
                                            <%--       <asp:BoundField DataField="empid" HeaderText="Employee Id" ReadOnly="true"></asp:BoundField>--%>
                                            <asp:BoundField DataField="empname" HeaderText="Employee Name" ReadOnly="true">
                                                <HeaderStyle Width="50%" />
                                            </asp:BoundField>
                                            <asp:TemplateField HeaderText="1">
                                                <HeaderStyle HorizontalAlign="Left" Width="150px" />
                                                <ItemStyle HorizontalAlign="Left" />
                                                <ItemTemplate>
                                                    <%#Eval("date1")%></ItemTemplate>
                                                <EditItemTemplate>
                                                    <asp:DropDownList ID="ddlSubCategories1" runat="server">
                                                    </asp:DropDownList>
                                                </EditItemTemplate>
                                            </asp:TemplateField>
                                            <asp:TemplateField HeaderText="2">
                                                <HeaderStyle HorizontalAlign="Left" Width="150px" />
                                                <ItemStyle HorizontalAlign="Left" />
                                                <ItemTemplate>
                                                    <%#Eval("date2")%></ItemTemplate>
                                                <EditItemTemplate>
                                                    <asp:DropDownList ID="ddlSubCategories2" runat="server">
                                                    </asp:DropDownList>
                                                </EditItemTemplate>
                                            </asp:TemplateField>
                                            <asp:TemplateField HeaderText="3">
                                                <HeaderStyle HorizontalAlign="Left" Width="150px" />
                                                <ItemStyle HorizontalAlign="Left" />
                                                <ItemTemplate>
                                                    <%#Eval("date3")%></ItemTemplate>
                                                <EditItemTemplate>
                                                    <asp:DropDownList ID="ddlSubCategories3" runat="server">
                                                    </asp:DropDownList>
                                                </EditItemTemplate>
                                            </asp:TemplateField>
                                            <asp:TemplateField HeaderText="4">
                                                <HeaderStyle HorizontalAlign="Left" Width="150px" />
                                                <ItemStyle HorizontalAlign="Left" />
                                                <ItemTemplate>
                                                    <%#Eval("date4")%></ItemTemplate>
                                                <EditItemTemplate>
                                                    <asp:DropDownList ID="ddlSubCategories4" runat="server">
                                                    </asp:DropDownList>
                                                </EditItemTemplate>
                                            </asp:TemplateField>
                                            <asp:TemplateField HeaderText="5">
                                                <HeaderStyle HorizontalAlign="Left" Width="150px" />
                                                <ItemStyle HorizontalAlign="Left" />
                                                <ItemTemplate>
                                                    <%#Eval("date5")%></ItemTemplate>
                                                <EditItemTemplate>
                                                    <asp:DropDownList ID="ddlSubCategories5" runat="server">
                                                    </asp:DropDownList>
                                                </EditItemTemplate>
                                            </asp:TemplateField>
                                            <asp:TemplateField HeaderText="6">
                                                <HeaderStyle HorizontalAlign="Left" Width="150px" />
                                                <ItemStyle HorizontalAlign="Left" />
                                                <ItemTemplate>
                                                    <%#Eval("date6")%></ItemTemplate>
                                                <EditItemTemplate>
                                                    <asp:DropDownList ID="ddlSubCategories6" runat="server">
                                                    </asp:DropDownList>
                                                </EditItemTemplate>
                                            </asp:TemplateField>
                                            <asp:TemplateField HeaderText="7">
                                                <HeaderStyle HorizontalAlign="Left" Width="150px" />
                                                <ItemStyle HorizontalAlign="Left" />
                                                <ItemTemplate>
                                                    <%#Eval("date7")%></ItemTemplate>
                                                <EditItemTemplate>
                                                    <asp:DropDownList ID="ddlSubCategories7" runat="server">
                                                    </asp:DropDownList>
                                                </EditItemTemplate>
                                            </asp:TemplateField>
                                            <asp:TemplateField HeaderText="8">
                                                <HeaderStyle HorizontalAlign="Left" Width="150px" />
                                                <ItemStyle HorizontalAlign="Left" />
                                                <ItemTemplate>
                                                    <%#Eval("date8")%></ItemTemplate>
                                                <EditItemTemplate>
                                                    <asp:DropDownList ID="ddlSubCategories8" runat="server">
                                                    </asp:DropDownList>
                                                </EditItemTemplate>
                                            </asp:TemplateField>
                                            <asp:TemplateField HeaderText="9">
                                                <HeaderStyle HorizontalAlign="Left" Width="150px" />
                                                <ItemStyle HorizontalAlign="Left" />
                                                <ItemTemplate>
                                                    <%#Eval("date9")%></ItemTemplate>
                                                <EditItemTemplate>
                                                    <asp:DropDownList ID="ddlSubCategories9" runat="server">
                                                    </asp:DropDownList>
                                                </EditItemTemplate>
                                            </asp:TemplateField>
                                            <asp:TemplateField HeaderText="10">
                                                <HeaderStyle HorizontalAlign="Left" Width="150px" />
                                                <ItemStyle HorizontalAlign="Left" />
                                                <ItemTemplate>
                                                    <%#Eval("date10")%></ItemTemplate>
                                                <EditItemTemplate>
                                                    <asp:DropDownList ID="ddlSubCategories10" runat="server">
                                                    </asp:DropDownList>
                                                </EditItemTemplate>
                                            </asp:TemplateField>
                                            <asp:TemplateField HeaderText="11">
                                                <HeaderStyle HorizontalAlign="Left" Width="150px" />
                                                <ItemStyle HorizontalAlign="Left" />
                                                <ItemTemplate>
                                                    <%#Eval("date11")%></ItemTemplate>
                                                <EditItemTemplate>
                                                    <asp:DropDownList ID="ddlSubCategories11" runat="server">
                                                    </asp:DropDownList>
                                                </EditItemTemplate>
                                            </asp:TemplateField>
                                            <asp:TemplateField HeaderText="12">
                                                <HeaderStyle HorizontalAlign="Left" Width="150px" />
                                                <ItemStyle HorizontalAlign="Left" />
                                                <ItemTemplate>
                                                    <%#Eval("date12")%></ItemTemplate>
                                                <EditItemTemplate>
                                                    <asp:DropDownList ID="ddlSubCategories12" runat="server">
                                                    </asp:DropDownList>
                                                </EditItemTemplate>
                                            </asp:TemplateField>
                                            <asp:TemplateField HeaderText="13">
                                                <HeaderStyle HorizontalAlign="Left" Width="150px" />
                                                <ItemStyle HorizontalAlign="Left" />
                                                <ItemTemplate>
                                                    <%#Eval("date13")%></ItemTemplate>
                                                <EditItemTemplate>
                                                    <asp:DropDownList ID="ddlSubCategories13" runat="server">
                                                    </asp:DropDownList>
                                                </EditItemTemplate>
                                            </asp:TemplateField>
                                            <asp:TemplateField HeaderText="14">
                                                <HeaderStyle HorizontalAlign="Left" Width="150px" />
                                                <ItemStyle HorizontalAlign="Left" />
                                                <ItemTemplate>
                                                    <%#Eval("date14")%></ItemTemplate>
                                                <EditItemTemplate>
                                                    <asp:DropDownList ID="ddlSubCategories14" runat="server">
                                                    </asp:DropDownList>
                                                </EditItemTemplate>
                                            </asp:TemplateField>
                                            <asp:TemplateField HeaderText="15">
                                                <HeaderStyle HorizontalAlign="Left" Width="150px" />
                                                <ItemStyle HorizontalAlign="Left" />
                                                <ItemTemplate>
                                                    <%#Eval("date15")%></ItemTemplate>
                                                <EditItemTemplate>
                                                    <asp:DropDownList ID="ddlSubCategories15" runat="server">
                                                    </asp:DropDownList>
                                                </EditItemTemplate>
                                            </asp:TemplateField>
                                            <asp:TemplateField HeaderText="16">
                                                <HeaderStyle HorizontalAlign="Left" Width="150px" />
                                                <ItemStyle HorizontalAlign="Left" />
                                                <ItemTemplate>
                                                    <%#Eval("date16")%></ItemTemplate>
                                                <EditItemTemplate>
                                                    <asp:DropDownList ID="ddlSubCategories16" runat="server">
                                                    </asp:DropDownList>
                                                </EditItemTemplate>
                                            </asp:TemplateField>
                                            <asp:TemplateField HeaderText="17">
                                                <HeaderStyle HorizontalAlign="Left" Width="150px" />
                                                <ItemStyle HorizontalAlign="Left" />
                                                <ItemTemplate>
                                                    <%#Eval("date17")%></ItemTemplate>
                                                <EditItemTemplate>
                                                    <asp:DropDownList ID="ddlSubCategories17" runat="server">
                                                    </asp:DropDownList>
                                                </EditItemTemplate>
                                            </asp:TemplateField>
                                            <asp:TemplateField HeaderText="18">
                                                <HeaderStyle HorizontalAlign="Left" Width="150px" />
                                                <ItemStyle HorizontalAlign="Left" />
                                                <ItemTemplate>
                                                    <%#Eval("date18")%></ItemTemplate>
                                                <EditItemTemplate>
                                                    <asp:DropDownList ID="ddlSubCategories18" runat="server">
                                                    </asp:DropDownList>
                                                </EditItemTemplate>
                                            </asp:TemplateField>
                                            <asp:TemplateField HeaderText="19">
                                                <HeaderStyle HorizontalAlign="Left" Width="150px" />
                                                <ItemStyle HorizontalAlign="Left" />
                                                <ItemTemplate>
                                                    <%#Eval("date19")%></ItemTemplate>
                                                <EditItemTemplate>
                                                    <asp:DropDownList ID="ddlSubCategories19" runat="server">
                                                    </asp:DropDownList>
                                                </EditItemTemplate>
                                            </asp:TemplateField>
                                            <asp:TemplateField HeaderText="20">
                                                <HeaderStyle HorizontalAlign="Left" Width="150px" />
                                                <ItemStyle HorizontalAlign="Left" />
                                                <ItemTemplate>
                                                    <%#Eval("date20")%></ItemTemplate>
                                                <EditItemTemplate>
                                                    <asp:DropDownList ID="ddlSubCategories20" runat="server">
                                                    </asp:DropDownList>
                                                </EditItemTemplate>
                                            </asp:TemplateField>
                                            <asp:TemplateField HeaderText="21">
                                                <HeaderStyle HorizontalAlign="Left" Width="150px" />
                                                <ItemStyle HorizontalAlign="Left" />
                                                <ItemTemplate>
                                                    <%#Eval("date21")%></ItemTemplate>
                                                <EditItemTemplate>
                                                    <asp:DropDownList ID="ddlSubCategories21" runat="server">
                                                    </asp:DropDownList>
                                                </EditItemTemplate>
                                            </asp:TemplateField>
                                            <asp:TemplateField HeaderText="22">
                                                <HeaderStyle HorizontalAlign="Left" Width="150px" />
                                                <ItemStyle HorizontalAlign="Left" />
                                                <ItemTemplate>
                                                    <%#Eval("date22")%></ItemTemplate>
                                                <EditItemTemplate>
                                                    <asp:DropDownList ID="ddlSubCategories22" runat="server">
                                                    </asp:DropDownList>
                                                </EditItemTemplate>
                                            </asp:TemplateField>
                                            <asp:TemplateField HeaderText="23">
                                                <HeaderStyle HorizontalAlign="Left" Width="150px" />
                                                <ItemStyle HorizontalAlign="Left" />
                                                <ItemTemplate>
                                                    <%#Eval("date23")%></ItemTemplate>
                                                <EditItemTemplate>
                                                    <asp:DropDownList ID="ddlSubCategories23" runat="server">
                                                    </asp:DropDownList>
                                                </EditItemTemplate>
                                            </asp:TemplateField>
                                            <asp:TemplateField HeaderText="24">
                                                <HeaderStyle HorizontalAlign="Left" Width="150px" />
                                                <ItemStyle HorizontalAlign="Left" />
                                                <ItemTemplate>
                                                    <%#Eval("date24")%></ItemTemplate>
                                                <EditItemTemplate>
                                                    <asp:DropDownList ID="ddlSubCategories24" runat="server">
                                                    </asp:DropDownList>
                                                </EditItemTemplate>
                                            </asp:TemplateField>
                                            <asp:TemplateField HeaderText="25">
                                                <HeaderStyle HorizontalAlign="Left" Width="150px" />
                                                <ItemStyle HorizontalAlign="Left" />
                                                <ItemTemplate>
                                                    <%#Eval("date25")%></ItemTemplate>
                                                <EditItemTemplate>
                                                    <asp:DropDownList ID="ddlSubCategories25" runat="server">
                                                    </asp:DropDownList>
                                                </EditItemTemplate>
                                            </asp:TemplateField>
                                            <asp:TemplateField HeaderText="26">
                                                <HeaderStyle HorizontalAlign="Left" Width="120px" />
                                                <ItemStyle HorizontalAlign="Left" />
                                                <ItemTemplate>
                                                    <%#Eval("date26")%></ItemTemplate>
                                                <EditItemTemplate>
                                                    <asp:DropDownList ID="ddlSubCategories26" runat="server">
                                                    </asp:DropDownList>
                                                </EditItemTemplate>
                                            </asp:TemplateField>
                                            <asp:TemplateField HeaderText="27">
                                                <HeaderStyle HorizontalAlign="Left" Width="120px" />
                                                <ItemStyle HorizontalAlign="Left" />
                                                <ItemTemplate>
                                                    <%#Eval("date27")%></ItemTemplate>
                                                <EditItemTemplate>
                                                    <asp:DropDownList ID="ddlSubCategories27" runat="server">
                                                    </asp:DropDownList>
                                                </EditItemTemplate>
                                            </asp:TemplateField>
                                            <asp:TemplateField HeaderText="28">
                                                <HeaderStyle HorizontalAlign="Left" Width="120px" />
                                                <ItemStyle HorizontalAlign="Left" />
                                                <ItemTemplate>
                                                    <%#Eval("date28")%></ItemTemplate>
                                                <EditItemTemplate>
                                                    <asp:DropDownList ID="ddlSubCategories28" runat="server">
                                                    </asp:DropDownList>
                                                </EditItemTemplate>
                                            </asp:TemplateField>
                                            <asp:TemplateField HeaderText="29">
                                                <HeaderStyle HorizontalAlign="Left" Width="120px" />
                                                <ItemStyle HorizontalAlign="Left" />
                                                <ItemTemplate>
                                                    <%#Eval("date29")%></ItemTemplate>
                                                <EditItemTemplate>
                                                    <asp:DropDownList ID="ddlSubCategories29" runat="server">
                                                    </asp:DropDownList>
                                                </EditItemTemplate>
                                            </asp:TemplateField>
                                            <asp:TemplateField HeaderText="30">
                                                <HeaderStyle HorizontalAlign="Left" Width="120px" />
                                                <ItemStyle HorizontalAlign="Left" />
                                                <ItemTemplate>
                                                    <%#Eval("date30")%></ItemTemplate>
                                                <EditItemTemplate>
                                                    <asp:DropDownList ID="ddlSubCategories30" runat="server">
                                                    </asp:DropDownList>
                                                </EditItemTemplate>
                                            </asp:TemplateField>
                                            <asp:TemplateField HeaderText="31">
                                                <HeaderStyle HorizontalAlign="Left" Width="140px" />
                                                <ItemStyle HorizontalAlign="Left" />
                                                <ItemTemplate>
                                                    <%#Eval("date31")%></ItemTemplate>
                                                <EditItemTemplate>
                                                    <asp:DropDownList ID="ddlSubCategories31" runat="server">
                                                    </asp:DropDownList>
                                                </EditItemTemplate>
                                            </asp:TemplateField>
                                        </Columns>

<PagerStyle CssClass="pgr"></PagerStyle>
                                        <RowStyle Font-Bold="True" Font-Size="7pt" />
                                    </asp:GridView>

                                   <script>
                                    	    $(function () {
                                    	        $('.scroll12').click(function () {

                                    	            $('html, body').animate({
                                    	                scrollTop: $(document).height('0')
                                    	            },
                                                  1500);
                                    	            return false;
                                    	        });
                                    	    });
	                                 </script>
                                </div>
                            </div>

                
                  <!-----End End Roster change---->
                    </div>
                    <div class="tab-pane fade" id="nav-profile" role="tabpanel" aria-labelledby="nav-profile-tab">
                   <!-------Shift Change----------->
                      <div class="row breadcrumb" style="margin-top:-15px; background:none !important;">
                  <b> <asp:Label ID="lblSelectDate" runat="server" Text="Select Date"></asp:Label></b>
                  </div>
                        <div class="row" style="margin-top:-25px; margin-right:-4px; width:100%">
                  <div class="col-lg-4">
                        <b>
                            <asp:Label ID="lblFromDate" runat="server" Text="From Date"></asp:Label></b>

                             <asp:Panel ID="Panel53" runat="server" Visible="false">
                            <rhp:DatePicker ID="txtdate1" runat="server" DatePersian="" CalendarType="Persian"  
        BorderColor="#CCCCCC" BorderStyle="Solid" BorderWidth="1px" ShowWeekNumbers="True"
        FirstDayOfWeek="Monday" ShowOthers="True" ></rhp:DatePicker>
                            </asp:Panel>


                        <asp:TextBox ID="txtdate" runat="server" class="form-control" OnTextChanged="txtdate_TextChanged1" />
                        <cc1:CalendarExtender ID="cal1" runat="server" TargetControlID="txtdate" Format="dd/MM/yyyy" />
                    </div>
                    <div class="col-lg-4">
                        <b>
                            <asp:Label ID="lblToDate" runat="server" Text="To Date"></asp:Label></b>

                              <asp:Panel ID="Panel1" runat="server" Visible="false">
                            <rhp:DatePicker ID="txttodate1" runat="server" DatePersian="" CalendarType="Persian"  
        BorderColor="#CCCCCC" BorderStyle="Solid" BorderWidth="1px" ShowWeekNumbers="True"
        FirstDayOfWeek="Monday" ShowOthers="True" ></rhp:DatePicker>
                            </asp:Panel>


                        <asp:TextBox ID="txttodate" runat="server" class="form-control" OnTextChanged="txttodate_TextChanged" />
                        <cc1:CalendarExtender ID="CalendarExtender1" runat="server" Format="dd/MM/yyyy" TargetControlID="txttodate" />
                    </div>
                    <div class="col-lg-3">
                        <b>
                            <asp:Label ID="Label1" runat="server" Text="Select Shift "></asp:Label></b>
                        <asp:DropDownList ID="Cboshift1" runat="server" class="form-control" OnSelectedIndexChanged="Cboshift1_SelectedIndexChanged">
                        </asp:DropDownList>
                    </div>
                    <div class="col-lg-1" style="margin-top:25px;">
                    <asp:Button ID="cmdShowReport" runat="server" Text="Save" OnClick="cmdShowReport_Click"
                                OnClientClick="return validate()" type="button" class="btn btn-success " />
                    </div>
                  </div>
                    </div>
                  </div>
                
                </div>
     </div>
     <!------End tab-------->

                  <div class="row" style="margin-left:auto; margin-right:auto; display:table; margin-top:20px;">
                      <i class="fa fa-plus;"></i>&nbsp;&nbsp;
                            <asp:Button ID="btnClose" runat="server" type="button" Text="Close" OnClick="btnClose_Click"
                                class="btn btn-danger" /><i class="fa fa-trash-o;"></i>
                  </div>
                </div>
              </div>
     
    </div>
   

    </div>
    </div>
    </div>
    <script src="js/jquery-1.8.3.min.js"
       type="text/javascript"></script>
</asp:Content>
